"use strict";(("undefined"!=typeof self?self:this).webpackJsonp__wix_form_app=("undefined"!=typeof self?self:this).webpackJsonp__wix_form_app||[]).push([[9494],{32209:(e,r,t)=>{t.r(r),t.d(r,{classes:()=>o,cssStates:()=>n,keyframes:()=>i,layers:()=>s,namespace:()=>a,st:()=>u,stVars:()=>l,style:()=>d,vars:()=>c});var a="othkTyp",o={root:"sV_f_uW",focusRing:"smxOK_P",textAreaWrapper:"sC5Y7rf",textArea:"s_kuTAQ",errorIconWrapper:"s__3R_frU",iconTooltip:"s__5e8Lzd",errorIcon:"sg4yWbL",label:"sBKukgR",charCount:"s__0CCGIH",focused:"sIbAlbs"},i={},s={},l={},c={"wix-color-1":"--wix-color-1","wix-color-5":"--wix-color-5","wix-color-4":"--wix-color-4","wix-color-29":"--wix-color-29","wst-primary-background-color-rgb":"--wst-primary-background-color-rgb","wst-paragraph-2-color-rgb":"--wst-paragraph-2-color-rgb","wst-shade-3-color-rgb":"--wst-shade-3-color-rgb","wst-system-disabled-color-rgb":"--wst-system-disabled-color-rgb","wst-system-error-color-rgb":"--wst-system-error-color-rgb","wst-system-success-color-rgb":"--wst-system-success-color-rgb","wut-error-color":"--wut-error-color","wix-ui-tpa-text-area-main-border-radius":"--wix-ui-tpa-text-area-main-border-radius","wix-ui-tpa-text-area-main-border-width":"--wix-ui-tpa-text-area-main-border-width","wix-ui-tpa-text-area-container-width":"--wix-ui-tpa-text-area-container-width","wix-ui-tpa-text-area-container-height":"--wix-ui-tpa-text-area-container-height","wix-ui-tpa-text-area-border-color":"--wix-ui-tpa-text-area-border-color","wix-ui-tpa-text-area-background-color":"--wix-ui-tpa-text-area-background-color","wix-ui-tpa-text-area-text-color":"--wix-ui-tpa-text-area-text-color","wix-ui-tpa-text-area-disabled-text-color":"--wix-ui-tpa-text-area-disabled-text-color","wix-ui-tpa-text-area-placeholder-color":"--wix-ui-tpa-text-area-placeholder-color","wix-ui-tpa-text-area-text-font":"--wix-ui-tpa-text-area-text-font","wix-ui-tpa-text-area-error-border-color":"--wix-ui-tpa-text-area-error-border-color","wix-ui-tpa-text-area-success-border-color":"--wix-ui-tpa-text-area-success-border-color","wix-ui-tpa-text-area-disabled-border-color":"--wix-ui-tpa-text-area-disabled-border-color","wix-ui-tpa-text-area-main-label-font":"--wix-ui-tpa-text-area-main-label-font","wix-ui-tpa-text-area-main-label-text-color":"--wix-ui-tpa-text-area-main-label-text-color","wix-ui-tpa-text-area-disabled-label-color":"--wix-ui-tpa-text-area-disabled-label-color","wix-ui-tpa-text-area-char-count-font":"--wix-ui-tpa-text-area-char-count-font","wix-ui-tpa-text-area-char-count-color":"--wix-ui-tpa-text-area-char-count-color","wix-ui-tpa-text-area-error-color":"--wix-ui-tpa-text-area-error-color","wix-ui-tpa-text-area-error-message-min-height":"--wix-ui-tpa-text-area-error-message-min-height","wix-ui-tpa-text-area-main-border-opacity":"--wix-ui-tpa-text-area-main-border-opacity","wix-ui-tpa-text-area-hover-border-color":"--wix-ui-tpa-text-area-hover-border-color","wix-ui-tpa-text-area-hover-border-width":"--wix-ui-tpa-text-area-hover-border-width","wix-ui-tpa-text-area-hover-border-radius":"--wix-ui-tpa-text-area-hover-border-radius","wix-ui-tpa-text-area-hover-background-color":"--wix-ui-tpa-text-area-hover-background-color","wix-ui-tpa-text-area-hover-background-opacity":"--wix-ui-tpa-text-area-hover-background-opacity","wix-ui-tpa-text-area-hover-text-color":"--wix-ui-tpa-text-area-hover-text-color","wix-ui-tpa-text-area-horizontal-padding":"--wix-ui-tpa-text-area-horizontal-padding","wix-ui-tpa-text-area-vertical-padding":"--wix-ui-tpa-text-area-vertical-padding","wix-ui-tpa-text-area-padding-inline-start":"--wix-ui-tpa-text-area-padding-inline-start","default-main-border-width":"--TextArea1989715460-default-main-border-width","default-background-color":"--TextArea1989715460-default-background-color"},n=t.stc.bind(null,a),d=t.sts.bind(null,a),u=d},91266:(e,r,t)=>{t.r(r),t.d(r,{default:()=>D});var a=t(20011),o=t(27762),i=t.n(o),s=t(42301),l=t(39076),c=t(63960),n=t(63e3),d=t(97074),u=t(18800),p=t(95685),h=t.n(p),x=t(32209),b=t(92668);var w=t(24385);const g="data-disabled",m="data-theme",f="data-error",_="data-success",E="data-focused";var v,k=t(20806),T=t(27346),y=t(37790),I=t(21849);!function(e){e.Box="box",e.Line="line"}(v||(v={}));var C=t(80820),A=t(44699),B=t(24243);class F extends o.Component{constructor(e){super(e),this._rootRef=o.createRef(),this.state={focused:!1,isErrorTooltipShown:!1},this._textAreaRef=o.createRef(),this.focus=e=>{this._textAreaRef.current.focus(e),this.setState({focused:!0})},this.blur=()=>{this._textAreaRef.current.blur(),this.setState({focused:!1})},this._getErrorIconTooltip=()=>{const{isErrorTooltipShown:e}=this.state,{errorDescription:r,errorMessage:t,errorTooltipPlacement:a,errorTooltipMaxWidth:i}=this.props,s=r||t;return o.createElement(y.M,{"data-hook":"error-Icon",className:(0,x.st)(x.classes.iconTooltip),message:s,icon:o.createElement(w.Z,{className:x.classes.errorIcon}),tooltipId:this._errorMessageId,tooltipSkin:k.y.Error,showTooltip:e,onClick:this._onErrorButtonClick,onBlur:this._onClickOutsideOrBlur,onClickOutside:this._onClickOutsideOrBlur,tooltipProps:{placement:a,appendTo:"scrollParent",moveBy:{x:5,y:0},maxWidth:i}})},this.showErrorTooltip=()=>{this._toggleTooltip(!0)},this.hideErrorTooltip=()=>{this._toggleTooltip(!1)},this._onFocus=e=>{this.props.onFocus&&this.props.onFocus(e),this.setState({focused:!0}),this._rootRef.current&&this._rootRef.current.contains(document.activeElement)&&this._toggleTooltip(!0)},this._toggleTooltip=e=>{this.setState({isErrorTooltipShown:e})},this._onErrorButtonClick=()=>{const{isErrorTooltipShown:e}=this.state;this._toggleTooltip(!e)},this._onClickOutsideOrBlur=()=>{this._rootRef.current&&!this._rootRef.current.contains(document.activeElement)&&this._toggleTooltip(!1)},this._onBlur=e=>{this.props.onBlur&&this.props.onBlur(e),this.setState({focused:!1})},this._getCharCount=()=>{const{value:e,maxLength:r}=this.props;return o.createElement("div",{"data-hook":"char-counter",className:x.classes.charCount},`${e.length}/${r}`)},this.labelForId=(0,A.Z)("label-for-id_"),this._errorMessageId=(0,A.Z)("error-message"),this.props.errorDescription&&(0,b.M$)("TextArea",'The prop "errorDescription" is deprecated and will be removed in a future version, please use the "errorMessage" prop instead.')}_getDataAttributes(){const{disabled:e,success:r,theme:t,error:a}=this.props,{focused:o}=this.state;return{[g]:e,[m]:t,[f]:a,[_]:r,[E]:o}}render(){const{value:e,theme:r,error:t,success:a,disabled:i,label:s,onChange:l,placeholder:c,errorDescription:n,errorMessage:d,errorAppearance:u,autoFocus:p,className:b,maxLength:w,showCharCount:g,"aria-describedby":m,newErrorMessage:f,withResize:_,required:E,showAsterisk:v,lang:k,rows:y}=this.props,A=this._getDataAttributes(),F=f?I.Y:o.Fragment,R=t&&(n||d)&&!f,M=n||d,N=!!M,S={error:t,theme:r,success:a,disabled:i,newErrorMessage:f,hasErrorMessage:N},L=this.state.focused,q=(0,C.w)([m,M?this._errorMessageId:""]),D=E&&v;return o.createElement(F,{...f&&{visible:t&&N,message:M,errorAppearance:u,messageId:this._errorMessageId,className:(0,x.st)(x.classes.root,S,b),suffixText:g&&w&&this._getCharCount(),lang:k}},o.createElement(T.ko,null,({rtl:n})=>o.createElement("div",{className:(0,x.st)(x.classes.root,{error:t,rtl:n,errorMessage:!!M,theme:r,success:a,disabled:i},b),...A,...f?{}:{lang:k},"data-hook":this.props["data-hook"],ref:this._rootRef},s&&o.createElement("label",{htmlFor:this.props.id||this.labelForId,"data-hook":"text-area-label",className:(0,x.st)(x.classes.label)},s,D&&o.createElement(B.d,{dataHook:"label-asterisk"})),o.createElement("div",{className:(0,x.st)(x.classes.textAreaWrapper,{withResize:_},h()({[x.classes.focused]:L}))},o.createElement("textarea",{value:e,disabled:i,onChange:e=>{i||l(e)},id:this.props.id||this.labelForId,maxLength:w,autoFocus:p,onFocus:this._onFocus,onBlur:this._onBlur,placeholder:c,className:h()(x.classes.textArea,"has-custom-focus"),"data-hook":"text-area","aria-label":this.props.ariaLabel,"aria-describedby":q,"aria-invalid":t,required:E,ref:this._textAreaRef,rows:y}),R&&o.createElement("div",{"data-hook":"text-area-error-icon",className:x.classes.errorIconWrapper},this._getErrorIconTooltip())),w&&!(f&&t&&M)&&g&&this._getCharCount())))}}F.contextType=T.I,F.displayName="TextArea",F.defaultProps={error:!1,success:!1,disabled:!1,placeholder:"",errorMessage:"",errorDescription:"",theme:v.Box,showCharCount:!1,errorTooltipPlacement:"top-end",withResize:!1,required:!1};var R="sWiv9tJ",M="sbOu3aN",N="smp5SNM",S="shrWtKA";const L=e=>{let{label:r,placeholder:t,required:a,value:s,onChange:l,onFocus:c,onBlur:n,disabled:d=!1,inputId:p,hasError:x,ariaDescribedBy:b}=e;const w=(0,u.F0)().includes(u.dA.INPUT_FIELDS_HOVER),g=(0,o.useRef)(null),m=(0,o.useCallback)(e=>{const r=e.target.value;l(r)},[l]);return i().createElement(F,{id:p,error:x,newErrorMessage:!0,className:h()(R,S,{[M]:x,[N]:w}),ariaLabel:r??"",value:s?String(s):"",onChange:m,onFocus:c,onBlur:n,disabled:d,placeholder:t,theme:v.Box,"aria-describedby":b,"aria-invalid":x,required:a,ref:g})},q=e=>{let{id:r,target:t,label:a,hideLabel:o,placeholder:s,required:u,value:p,onChange:h,onFocus:x,onBlur:b,error:w,hasError:g=!1,errorMessage:m,disabled:f=!1,description:_,FieldLayout:E,requiredIndicatorType:v,requiredIndicatorPlacement:k}=e;const{labelId:T,inputId:y,errorId:I,descriptionId:C,ariaDescribedBy:A}=(0,l.rm)(r,w,_);return i().createElement(E,{fieldId:r,renderLabel:()=>i().createElement(d.a,{labelId:T,htmlFor:y,required:u,label:a,hideLabel:o,requiredIndicatorType:v,requiredIndicatorPlacement:k}),renderInput:()=>i().createElement(L,{label:a,placeholder:s,required:u,value:p,onChange:h,onFocus:x,onBlur:b,disabled:f,inputId:y,hasError:g,ariaDescribedBy:A,fieldId:r}),renderDescription:()=>i().createElement(i().Fragment,null,i().createElement(n.n,{target:t,hasError:g,errorMessage:m,id:I}),i().createElement(c.a,{description:_,id:C}))})},D=e=>{const r=s.Z9.TEXT_AREA;return i().createElement(q,(0,a.Z)({},e,{fieldType:r}))}},24243:(e,r,t)=>{t.d(r,{d:()=>s});var a=t(27762),o=t.n(a),i="sy0sbxO";const s=({dataHook:e,...r})=>o().createElement("span",{className:i,"aria-hidden":"true","data-hook":e,...r},"*")}}]);
//# sourceMappingURL=form-app-text-area.chunk.min.js.map